body{
	min-width: 1300px;
}
body #head{
	width: 1000px;
	margin: 0 auto;
	line-height: 40px;
	height: 40px;
}
body #head div{
	float: right;
}
body #head .app_download{
	float: none;
	width: 150px;
	height: 175px;
	z-index: 1;
	position: absolute;
	display: none;
	background-color: #ffffff;
}
body #head div .head-login{
	width:735px;
	text-align: right;
}
#temp_upload {
	display: block;
    /*position: fixed;*/
    /*top: 53%;*/
    z-index: 21;
    /* width: 73px; */
    /*left: 50%;*/
  /*  width: 30%;*/
 margin-left: 110px;
}

.loader {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 150px;
	height: 150px;
	z-index: 21;
	margin-top: -100px;
	margin-left: -100px;
	perspective: 100px;
	transform-type: preserve-3d;
	animation: loader 6s cubic-bezier(0, 0, 2, 2) infinite;
}


/* Loader animation */

@keyframes loader {
	0% {
		transform: rotateX(30deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(30deg) rotateZ(-360deg);
	}
}


/* The dot */

.dot {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;
	width: 20px;
	height: 20px;
	margin-top: -90px;
	margin-left: -10px;
	border-radius: 10px;
	background-color: #1e3f57;
	transform-type: preserve-3d;
	transform-origin: 50% 90px;
	transform: rotateZ(30deg);
	animation: dot1 1.5s cubic-bezier(.6, 0, .4, 1) infinite;
}

.dot:nth-child(2) {
	transform: rotateZ(15deg);
	animation-name: dot2;
	animation-delay: 150ms;
	background-color: #2d556d;
}

.dot:nth-child(3) {
	transform: rotateZ(0deg);
	animation-name: dot3;
	animation-delay: 300ms;
	background-color: #447891;
}

.dot:nth-child(4) {
	transform: rotateZ(-15deg);
	animation-name: dot4;
	animation-delay: 450ms;
	background-color: #5998b2;
}

.dot:nth-child(5) {
	transform: rotateZ(-30deg);
	animation-name: dot5;
	animation-delay: 600ms;
	background-color: #6bb2cd;
}


/* Dot animations */

@keyframes dot1 {
	0% {
		transform: rotateZ(30deg) rotateX(10deg);
	}
	95%,
	100% {
		transform: rotateZ(390deg) rotateX(10deg);
	}
}

@keyframes dot2 {
	0% {
		transform: rotateZ(15deg) rotateX(10deg);
	}
	95%,
	100% {
		transform: rotateZ(375deg) rotateX(10deg);
	}
}

@keyframes dot3 {
	0% {
		transform: rotateZ(0deg) rotateX(10deg);
	}
	95%,
	100% {
		transform: rotateZ(360deg) rotateX(10deg);
	}
}

@keyframes dot4 {
	0% {
		transform: rotateZ(-15deg) rotateX(10deg);
	}
	95%,
	100% {
		transform: rotateZ(345deg) rotateX(10deg);
	}
}

@keyframes dot5 {
	0% {
		transform: rotateZ(-30deg) rotateX(10deg);
	}
	95%,
	100% {
		transform: rotateZ(330deg) rotateX(10deg);
	}
}

* {
	padding: 0;
	margin: 0;
	list-style: none;
	word-break: break-all;
	/*moz-user-select: -moz-none;
	-moz-user-select: none;
	-o-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;*/
}

body {
	margin: 0 auto;
	background-color: #F0F5F9;
	color: #333;
	font-family: 'Microsoft YaHei';
	font-size: 14px;
}

#content {
	width: 100%;
	overflow: auto;
	border-top: 1px solid #D0D0D0;
}

#content>div {
	width: 1000px;
	margin: 0 auto;
	/*height: 900px;*/
	background-color: white;
}

#loading_mask {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 20;
	background: white;
	opacity: 0;
	display: none;
}

#loading_dialog {
	position: fixed;
	z-index: 21;
	background-color: black;
	opacity: 0.8;
	width: 100px;
	height: 100px;
	border-radius: 10px;
	display: none;
}

#loading_icons {
	top: 40px;
	left: 40px;
}

@-webkit-keyframes ball-spin-fade-loader {
	50% {
		opacity: 0.3;
		-webkit-transform: scale(0.4);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

.ball-spin-fade-loader {
	position: relative;
}

.ball-spin-fade-loader> div:nth-child(1) {
	top: 25px;
	left: 0;
	-webkit-animation: ball-spin-fade-loader 1s 0s infinite linear;
}

.ball-spin-fade-loader> div:nth-child(2) {
	top: 17.04545px;
	left: 17.04545px;
	-webkit-animation: ball-spin-fade-loader 1s 0.12s infinite linear;
}

.ball-spin-fade-loader> div:nth-child(3) {
	top: 0;
	left: 25px;
	-webkit-animation: ball-spin-fade-loader 1s 0.24s infinite linear;
}

.ball-spin-fade-loader> div:nth-child(4) {
	top: -17.04545px;
	left: 17.04545px;
	-webkit-animation: ball-spin-fade-loader 1s 0.36s infinite linear;
}

.ball-spin-fade-loader> div:nth-child(5) {
	top: -25px;
	left: 0;
	-webkit-animation: ball-spin-fade-loader 1s 0.48s infinite linear;
}

.ball-spin-fade-loader> div:nth-child(6) {
	top: -17.04545px;
	left: -17.04545px;
	-webkit-animation: ball-spin-fade-loader 1s 0.6s infinite linear;
}

.ball-spin-fade-loader> div:nth-child(7) {
	top: 0;
	left: -25px;
	-webkit-animation: ball-spin-fade-loader 1s 0.72s infinite linear;
}

.ball-spin-fade-loader> div:nth-child(8) {
	top: 17.04545px;
	left: -17.04545px;
	-webkit-animation: ball-spin-fade-loader 1s 0.84s infinite linear;
}

.ball-spin-fade-loader> div {
	background-color: white;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	position: absolute;
}

#message_mask {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 30;
	background: white;
	opacity: 0;
}

.messge-box {
	width: 180px;
	height: 110px;
	position: fixed;
	top: 0;
	z-index: 29;
	margin: 0px auto;
	font-size: 14px;
	color: white;
	text-align: center;
}

.message-mark {
	width: 100%;
	height: 100%;
	z-index: -1;
	position: absolute;
	background: black;
	opacity: 0.8;
	border-radius: 7px;
}

.messge-box-icon {
	width: 40px;
	height: 40px;
	display: inline-block;
	margin: 20px auto 10px auto;
	position: relative;
	overflow: hidden;
}

.info-icon {
	background-position: 0px 0px!important;
}

.succee-icon {
	background-position: 0px -40px!important;
}

.message-toast-icon {
	background: url(../images/icons/toast-icon.png) no-repeat;
	background-size: 100%;
	display: inline-block;
	height: 40px;
	width: 40px;
}

#confirm-box {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0px;
	z-index: 20;
	max-width: 640px;
}

#confirm-box .confirm-mask {
	position: fixed;
	z-index: 5;
	width: 100%;
	background: black;
	height: 100%;
	opacity: 0.5;
	max-width: 640px;
}

#confirm-box .confirm {
	position: fixed;
	z-index: 6;
	width: 100%;
	height: 140px;
	max-width: 640px;
	bottom: 0px;
}

#confirm-box .cancle {
	height: 40px;
	background: white;
	width: 94%;
	margin-left: 3%;
	border-radius: 8px;
	color: #057BFF;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
}

#confirm-box .ok {
	height: 40px;
	background: white;
	width: 94%;
	margin-left: 3%;
	border-radius: 0px 0px 8px 8px;
	color: red;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	margin-bottom: 10px;
}

#confirm-box .confirm-txt {
	height: 40px;
	background: white;
	width: 94%;
	margin-left: 3%;
	border-radius: 8px 8px 0px 0px;
	color: #9C9C9C;
	font-size: 15px;
	text-align: center;
	line-height: 40px;
	border-bottom: 1px solid #EAEAEC;
}

@-webkit-keyframes confirmUp {
	0% {
		-webkit-transform: translate(0px, 170px);
	}
	100% {
		-webkit-transform: translate(0px, 0px);
	}
}

.confirmUp {
	-webkit-animation: confirmUp 0.3s 0s 1 forwards;
}

@-webkit-keyframes confirmDown {
	0% {
		-webkit-transform: translate(0px, 0px);
	}
	100% {
		-webkit-transform: translate(0px, 170px);
	}
}

.confirmDown {
	-webkit-animation: confirmDown 0.3s 0s 1 forwards;
}

@-webkit-keyframes search_in {
	0% {
		opacity: 1;
		-webkit-transform: translate(640px, 0px);
	}
	100% {
		-webkit-transform: translate(0px, 0px);
	}
}

@-webkit-keyframes search_out {
	0% {
		-webkit-transform: translate(0px, 0px);
	}
	100% {
		-webkit-transform: translate(640px, 0px);
	}
}

@-webkit-keyframes search_left_out {
	0% {
		-webkit-transform: translate(0px, 0px);
	}
	100% {
		-webkit-transform: translate(-640px, 0px);
	}
}

.search_in {
	-webkit-animation: search_in 0.4s 0s 1 forwards;
}

.search_out {
	-webkit-animation: search_out 0.6s 0s 1 forwards
}

.search_left_out {
	-webkit-animation: search_left_out 0.6s 0s 1 forwards;
}

#post input::-webkit-input-placeholder {
	color: white;
}

#search_head {
	width: 100%;
	height: 45px;
	position: fixed;
	max-width: 640px;
	margin: 0 auto;
	background-color: rgb(0, 151, 255);
}

#search_back {
	width: 45px;
}

#post {
	position: absolute;
	height: 32px;
	line-height: 32px;
	width: 70%;
	left: 13%;
	top: 7px;
	background-color: #0074C2;
	border-radius: 5px;
	color: #FFFFFF;
}

#search_title {
	margin-left: 10px;
	color: #FFFFFF;
	border: none;
	width: 25%;
	font-size: 14px;
	text-align: center;
}

.below {
	width: 12px;
	position: absolute;
	top: 13px;
	left: 25%;
}

.search_type {
	margin-top: 10px;
	display: none;
	background: #0074C2;
	width: 40%;
	border-radius: 5px;
	font-size: 14px;
	margin-left: -2%;
}

.search_type li {
	color: #FFFFFF;
	text-align: center;
	height: 35px;
	line-height: 35px;
}

.search_type li:nth-child(1) {
	border-bottom: 1px solid #026AB0;
}

#post input {
	height: 27px;
	border: none;
	background-color: #0074C2;
	top: 2px;
	width: 64%;
	color: #FFFFFF;
	position: absolute;
	margin-left: 35%;
	outline: none;
	font-size: 14px;
	line-height: 27px;
}

#search_btn {
	color: white;
	position: absolute;
	right: 4%;
	height: 45px;
	line-height: 45px;
	font-size: 15px;
}


/**
 * 扩大
 */

@-webkit-keyframes grow {
	0% {
		-webkit-transform: scale(1);
	}
	60% {
		-webkit-transform: scale(1.1);
	}
	80% {
		-webkit-transform: scale(0.95);
	}
	100% {
		-webkit-transform: scale(1);
	}
}

.grow {
	-webkit-animation: grow 0.5s 0s 1;
}

@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.bounceIn {
	-webkit-animation: bounceIn 0.1s 0s 1 forwards;
}

#alert_mask {
	background: black;
	opacity: 0.8;
	position: fixed;
	z-index: 10;
	width: 100%;
	max-width: 640px;
	top: 0px;
	height: 100%;
}

#alert_box {
	background: white;
	position: fixed;
	width: 80%;
	left: 10%;
	z-index: 11;
	top: 10px;
	font-size: 14px;
	text-align: center;
	border-radius: 5px;
}

#alert_title {
	color: #333;
	height: 40px;
	line-height: 40px;
}

#alert_txt {
	color: #888;
	padding: 10px 0px;
}

#alert_ok {
	color: #0BB20C;
	height: 42px;
	line-height: 42px;
	border-top: 1px solid #E6E6E6;
}

#alert_confirm,
#alert_cancle {
	float: right;
	height: 42px;
	line-height: 42px;
	border-top: 1px solid #E6E6E6;
	color: #0BB20C;
}

#alert_cancle {
	color: #333;
	border-right: 1px solid #E6E6E6;
}

#alert_box input {
	width: 80%;
	border: 1px solid #eeeeee;
	height: 30px;
	text-indent: 10px;
}


/*封装好的css*/

#head {
	background-color: #F1F1F1;
	width: 100%;
	height: 40px;
}

#title {
	height: 80px;
	background-color: white;
}

#title>.title_content {
	height: 50px;
	margin: 0 auto;
	width: 1000px;
	position: relative;
}

/*#head>div {
	margin: 0 auto;
	width: 1000px;
}*/

#head>div>span {
	color: #ADADAD;
	/*float: right;*/
	/*margin-left: 21px;*/
}

.title_content>.search {
	font-size: 0px;
	border: 1px solid #CDCDCD;
	margin-top: 24px;
	font-size: 0px;
	/* float: right; */
	border: 1px solid #CDCDCD;
	margin-top: 30px;
	position: absolute;
	right: 0px;
}

.search_icon {
	height: 19px;
	vertical-align: top;
	margin-top: 5px;
	margin-right: 5px;
}

.search_icon:hover {
	cursor: pointer;
}

#head span {
	cursor: pointer;
}

.Ad_Rotator {
	background-color: white;
	font-size: 0px;
}

.Ad_Rotator>img {
	width: 100%;
}

#title select>option {
	/*background-color: #CBCBCB;*/
	color: #606060;
}

#title select {
	height: 30px;
	border: none;
	outline: none;
	background-color: white;
	padding: 5px 0;
}

.search>input {
	border: none;
	outline: none;
	border-left: 1px #CDCDCD solid;
	height: 26px;
	line-height: 26px;
	text-indent: 1em;
}

#top>div {
	font-weight: bold;
	margin-left: 10px;
	float: left;
	position: relative;
	width: 86px;
	background-size: contain;
	text-align: center;
	line-height: 34px;
	font-size: 13px;
	position: relative;
}

#top>div>div {
	overflow: auto;
	position: absolute;
	width: 86px;
	z-index: 20;
}

#top>div>div>p {
	border: 1px solid #CDCDCD;
	background-color: white;
	border-top: none!important;
	color: black;
}

#top>div>img {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}

#top>div:hover {
	/*color: white;*/
	/*background-color: #e13c44;*/
	cursor: pointer;
}

#top span {
	/*z-index: 2;*/
	/*position: absolute;*/
	/*margin-left: 17px;*/
	/*margin-top: 2px;*/
	display: none;
}

#top>div:nth-child(1)>span {
	color: white;
}

#top .class_two>p:hover {
	cursor: pointer;
	background-color: #E1E1E1;
}

#top {
	float: left;
	margin-top: 30px;
}

.logo {
	float: left;
	margin-top: 24px;
	cursor: pointer;
	margin-right: 15px;
}

.logo>img {
	vertical-align: middle;
	height: 40px;
}

.logo>span {
	font-weight: bold;
}

#bar img {
	width: 100%;
	/*height: 300px;*/
}


#footer {
	width: 100%;
	background-color: #363738;
	margin-top: 30px;
	overflow: auto;
	padding-bottom: 10px;
}

#footer>div {
	overflow: auto;
	margin: 0 20%;
	/*background-color: white;*/
}

#footer>div>div {
	float: left;
	margin-left: 100px;
}

#footer>div>div>ul>li {
	font-size: 13px;
	margin: 10px 0px;
	color: #DCDCDC;
}

#footer>div>div>ul>li:first-child {
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0px;
	color: white;
}

#footer li:hover {
	cursor: pointer;
}


/*登录*/

#background {
	/*display: none;*/
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0px;
	background-color: black;
	opacity: 0.5;
	z-index: 20;
}

#login {
	display: none;
	position: fixed;
	width: 380px;
	top: 30%;
	background-color: white;
	/* opacity: 0.5; */
	z-index: 21;
	left: 37.5%;
}

#login>div:first-child {
	color: #E43942;
	border-bottom: 1px solid #E03D43;
	width: 50px;
	text-align: center;
	line-height: 45px;
	margin-left: 50px;
	margin-right: 50px;
}

.l_phone,
.l_pwd {
	margin: 20px 50px 20px 50px;
	height: 36px;
	border: 1px solid #CCCCCC;
}

.l_pwd input,
.l_phone input {
	text-indent: 1em;
	height: 28px;
	width: 100%;
	border: none;
	outline: none;
	padding: 4px 0px;
	line-height: 28px;
}

.remember {
	margin: 0px 50px;
}

.remember>span:nth-child(2) {
	color: #666666;
}

.forget {
	float: right;
	color: #ff5a00;
}

.checkbox {
	margin-right: 10px;
}

.login_btn {
	margin: 60px 50px 60px 50px;
}

.login_btn>span:first-child {
	color: white;
	padding: 8px 33px;
	background-color: red;
	border-radius: 18px;
	font-size: 16px;
}

.login_btn>span:first-child+span {
	margin-left: 40px;
}

.login_btn>span:first-child+span+span {
	color: #ff5a00;
}

.login_btn>span:nth-child(3):hover,
.login_btn>span:nth-child(1):hover,
.close,
.forget:hover {
	cursor: pointer;
}

.close {
	position: absolute;
	top: 15px;
	right: 15px;
}

.close img {
	width: 15px;
}


/*注册*/

#reg {
	display: none;
	position: fixed;
	width: 380px;
	top: 15%;
	background-color: white;
	/* opacity: 0.5; */
	z-index: 21;
	left: 37.5%;
}

#reg>div:first-child {
	color: #E43942;
	border-bottom: 1px solid #E03D43;
	width: 80px;
	text-align: center;
	line-height: 45px;
	margin-left: 50px;
	margin-right: 50px;
}

.r_phone,
.r_pwd,
.r_pwdagin {
	margin: 20px 50px 20px 50px;
	height: 36px;
	border: 1px solid #CCCCCC;
}

.r_code {
	margin: 20px 50px 20px 50px;
	height: 36px;
	cursor: pointer;
}

.r_code>div:first-child {
	border: 1px solid #CCCCCC;
	height: 100%;
	width: 60%;
	display: inline-block;
}

.r_code>div:first-child+div {
	text-align: center;
	height: 100%;
	width: 36%;
	float: right;
	line-height: 36px;
	background-color: #FE5900;
	color: white;
}

.r_pwd input,
.r_phone input,
.r_pwdagin input,
.r_code input {
	text-indent: 1em;
	height: 28px;
	width: 100%;
	border: none;
	outline: none;
	padding: 4px 0px;
	line-height: 28px;
}

.remember {
	margin: 0px 50px;
}

.remember>span:first-child+span {
	color: #666666;
}

.forget {
	float: right;
	color: #ff5a00;
}

.checkbox {
	margin-right: 10px;
}

.reg_btn {
	margin: 60px 50px 60px 50px;
}

.reg_btn>span:first-child {
	color: white;
	padding: 8px 33px;
	background-color: red;
	border-radius: 18px;
	font-size: 16px;
	cursor: pointer;
}

.reg_btn>span:first-child+span {
	margin-left: 40px;
}

.reg_btn>span:first-child+span+span {
	color: #ff5a00;
}

.reg_btn>span:first-child+span+span:hover,
.reg_btn>span:first-child+span:hover,
.r_close,
.forget:hover {
	cursor: pointer;
}


/* * 
 * */

.reg_btn>span:first-child {
	color: white;
	padding: 8px 33px;
	background-color: red;
	border-radius: 18px;
	font-size: 16px;
}

.reg_btn>span:first-child+span {
	margin-left: 40px;
}

.reg_btn>span:first-child+span+span {
	color: #ff5a00;
}

.reg_btn>span:first-child+span+span:hover,
.reg_btn>span:first-child+span:hover,
.r_close,
.forget:hover {
	cursor: pointer;
}


/* * 
 * */

.r_close {
	position: absolute;
	top: 15px;
	right: 15px;
}

.r_close img {
	width: 15px;
}


/*找回密码样式*/

#forgot {
	display: none;
	position: fixed;
	width: 25%;
	top: 30%;
	background-color: white;
	/* opacity: 0.5; */
	z-index: 21;
	left: 37.5%;
}

#forgot>div:first-child {
	color: #E43942;
	border-bottom: 1px solid #E03D43;
	width: 80px;
	text-align: center;
	line-height: 45px;
	margin-left: 50px;
	margin-right: 50px;
}

.f_phone,
.f_pwd,
.f_pwdagin {
	margin: 20px 50px 20px 50px;
	height: 36px;
	border: 1px solid #CCCCCC;
}

.f_code {
	margin: 20px 50px 20px 50px;
	height: 36px;
	cursor: pointer;
}

.f_code>div:first-child {
	border: 1px solid #CCCCCC;
	height: 100%;
	width: 60%;
	display: inline-block;
}


/*ie8*/

.f_code>div:first-child+div {
	text-align: center;
	height: 100%;
	width: 36%;
	float: right;
	line-height: 36px;
	background-color: #FE5900;
	color: white;
}

.f_code>div:first-child+div {
	text-align: center;
	height: 100%;
	width: 36%;
	float: right;
	line-height: 36px;
	background-color: #FE5900;
	color: white;
}

.f_pwd input,
.f_phone input,
.f_pwdagin input,
.f_code input {
	text-indent: 1em;
	height: 28px;
	width: 100%;
	border: none;
	outline: none;
	padding: 4px 0px;
	line-height: 28px;
}

.f_btn {
	margin: 60px 50px 60px 50px;
}

.f_btn>span:first-child {
	color: white;
	padding: 8px 33px;
	background-color: red;
	border-radius: 18px;
	font-size: 16px;
}

.f_btn>span:first-child+span {
	margin-left: 40px;
}

.f_btn>span:first-child+span+span {
	color: #ff5a00;
}

.f_btn>span:first-child+span+span:hover,
.f_btn>span:first-child:hover,
.f_close,
.forget:hover {
	cursor: pointer;
}


/*ie8*/

.f_btn>span:first-child {
	color: white;
	padding: 8px 33px;
	background-color: red;
	border-radius: 18px;
	font-size: 16px;
}

.f_btn>span:first-child+span {
	margin-left: 40px;
}

.f_btn>span:first-child+span+span {
	color: #ff5a00;
}

.f_btn>span:first-child+span+span:hover,
.f_btn>span:first-child:hover,
.f_close,
.forget:hover {
	cursor: pointer;
}


/**/

.f_close {
	position: absolute;
	top: 15px;
	right: 15px;
}

.f_close img {
	width: 15px;
}


/*导航标题样式*/

.from {
	line-height: 60px;
	margin-left: 30px;
}

.from>span:last-child {
	color: #999999;
}

.from>span {
	color: #333333;
	font-size: 16px;
}


/*分页公共样式*/

#paging {
	clear: both;
	width: 100%;
	overflow: auto;
	padding-bottom: 20px;
}

#paging>div {
	float: right;
	/*width: 100%;*/
	margin-right: 30px;
	margin-top: 40px;
}



#paging>div>div {
	float: left;
	height: 30px;
	margin-left: 15px;
}

#paging .page {
	overflow-y: hidden;
	height: 32px;
	/*max-width: 301px;*/
}

.up_page,
.next_page,
.goto {
	line-height: 30px;
	border: 1px solid #666666;
	padding: 0px 5px;
}

.Record {
	line-height: 30px;
}

.goto_page {
	height: 30px;
	border: 1px solid #666666;
	background-color: #EEF1F0;
	width: 60px;
}

.goto_page>input {
	border: none;
	outline: none;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #EEF1F0;
	/*ie8*/
	height\0: 15px;
	margin-top\0: 7px;
}

.page>div {
	float: left;
	line-height: 30px;
	border: 1px solid #666666;
	padding: 0px 5px;
	margin-left: 10px;
	/*margin-bottom: 8px;*/
}

.page>div:first-child {
	margin-left: 0px;
}

.up_page:hover,
.next_page:hover,
.goto:hover,
.page>div:hover {
	background-color: #DC3F44;
	border-color: white;
	color: white;
	cursor: pointer;
}


/*投诉和举报按钮样式*/

#Complaints_and_reports {
	width: 100%;
}

#Complaints_and_reports>div {
	margin: 0 auto;
	width: 30%;
	overflow: auto;
	padding: 60px 0px;
}

#Complaints_and_reports>div>div:first-child {
	cursor: pointer;
	float: left;
	width: 60px;
	height: 60px;
	border-radius: 60px;
	background-color: #DE393F;
	color: white;
	text-align: center;
	line-height: 60px;
}

#Complaints_and_reports>div .jubao {
	cursor: pointer;
	float: right;
	width: 60px;
	height: 60px;
	border-radius: 60px;
	background-color: #DE393F;
	color: white;
	text-align: center;
	line-height: 60px;
}


/*投诉&举报表单样式*/

#Complaints_and_reports_view {
	position: fixed;
	width: 30%;
	top: 30%;
	background-color: white;
	z-index: 21;
	left: 35.5%;
	padding-bottom: 60px
}

.Complaints_and_reports_text {
	margin-left: 40px;
	margin-top: 40px;
}

.Complaints_and_reports_text>div {
	float: left;
}

.Complaints_and_reports_text>textarea {
	height: 105px;
	width: 65%;
	outline: none;
	margin: 0px;
	resize: none;
}

#Complaints_and_reports_view .voucher {
	margin-left: 40px;
	margin-top: 15px;
	overflow: auto;
}

#Complaints_and_reports_view .voucher>div {
	float: left;
}

#Complaints_and_reports_view .voucher img {
	width: 152px;
	height: 80px;
}

#Complaints_and_reports_view .voucher .upload {
	cursor: pointer;
	margin-left: 20px;
	line-height: 30px;
	color: white;
	background-color: red;
	text-align: center;
	width: 60px;
	margin-top: 50px;
}

#Complaints_and_reports_view .phone {
	margin-left: 40px;
	margin-top: 15px;
	overflow: auto;
}

#Complaints_and_reports_view .phone>div {
	float: left;
}

#Complaints_and_reports_view .button>div:first-child+div {
	width: 65%;
	height: 30px;
}

#Complaints_and_reports_view .phone>div:last-child {
	width: 65%;
	border: 1px solid #CCCCCC;
	height: 30px;
}

#Complaints_and_reports_view .phone>div:last-child>input {
	width: 100%;
	height: 100%;
	outline: none;
	border: none;
}

#Complaints_and_reports_view .button {
	margin-left: 40px;
	margin-top: 15px;
	overflow: auto;
}

#Complaints_and_reports_view .button>div {
	height: 30px;
	float: left;
}

#Complaints_and_reports_view .button>div:last-child {
	width: 65%;
	height: 30px;
}

#Complaints_and_reports_view .button>div:last-child>div {
	cursor: pointer;
	line-height: 30px;
	color: white;
	background-color: red;
	text-align: center;
	width: 60px;
	float: right;
}

#Complaints_and_reports_view .button>div:first-child+div>div {
	cursor: pointer;
	line-height: 30px;
	color: white;
	background-color: red;
	text-align: center;
	width: 60px;
	float: right;
	margin-left: 10px;
}

#Complaints_and_reports_view .button>div:last-child>div:last-child {
	margin-right: 15px;
}


/*单位详情弹窗*/

#Unit_details {
	position: fixed;
	width: 25%;
	top: 30%;
	background-color: white;
	z-index: 21;
	left: 37.5%;
}

.close {
	position: absolute;
	top: 15px;
	right: 15px;
}

.close img {
	width: 15px;
}

.Unit_name img,
.Unit_phone img,
.Unit_email img {
	height: 19px;
	vertical-align: middle;
	margin-right: 5px;
}

.Unit_name img {
	margin-left: 15px;
}

#Unit_details .Unit_details_info {
	margin: 20px;
}

#Unit_details .Unit_details_info>div {
	padding-bottom: 10px;
}

.Unit_name>span:last-child {
	color: #FE5B0E;
}

.Unit_user>span:first-child,
.Unit_code>span:first-child,
.Unit_remark>span:first-child {
	font-weight: bold;
}


/*负责人详情弹窗*/

#duty_details {
	position: fixed;
	width: 25%;
	top: 30%;
	background-color: white;
	z-index: 21;
	left: 37.5%;
}

.close {
	position: absolute;
	top: 15px;
	right: 15px;
}

.close img {
	width: 15px;
}

.duty_name img,
.duty_phone img,
.duty_email img {
	height: 19px;
	vertical-align: middle;
	margin-right: 5px;
}

.duty_name img {
	margin-left: 15px;
}

#duty_details .duty_details_info {
	margin: 20px;
}

#duty_details .duty_details_info>div {
	padding-bottom: 10px;
}

.duty_name>span:last-child {
	color: #FE5B0E;
}

.duty_user>span:first-child,
.duty_code>span:first-child,
.duty_remark>span:first-child {
	font-weight: bold;
}


/*贫困者弹窗样式*/

#poor {
	position: fixed;
	top: 10%;
	background-color: white;
	z-index: 21;
	width: 40%;
	left: 30%;
	max-height: 80%;
	overflow-y: auto;
	overflow-x: hidden;
}

#poor .close {
	position: fixed;
	/* top: 75px; */
	/* right: 15px; */
	top: 10%;
	width: 40%;
	left: 0;
	width: 40%;
	left: 30%;
	text-align: right;
}

#poor .close img {
	width: 15px;
	margin-right: 25px;
	margin-top: 15px;
}

#poor .other_html {
	overflow: auto;
	margin: 15px;
}

#poor .poor_info img {
	height: 19px;
	vertical-align: middle;
	margin-right: 5px;
}

.poor_name img {
	margin-left: 20px;
}

.poor_name>span:last-child {
	color: #FC4E05;
}

.poor_info {
	margin: 20px;
}

.poor_info>div {
	padding-bottom: 10px;
}

.poor_count {
	overflow: auto;
}

.poor_count>span:first-child {
	background-color: #DF4448;
	color: white;
	margin-left: 20px;
	padding: 2px 12px;
	margin-right: 15px;
	display: inline-block;
}

.Member_of_family_list {
	margin: 20px;
	border-top: 1px solid #CDCDCD;
}

.Member_of_family_list table {
	width: 100%;
	border: none;
	border-top: 1px solid #CDCDCD;
	margin-top: 20px;
}

.Member_of_family_list td:first-child {
	border-left: 1px solid #A9A9A9;
}

.family_list_title {
	font-weight: bold;
}

.Member_of_family_list td {
	text-align: center;
	height: 30px;
	border: 1px solid #A9A9A9;
	border-top: none;
	border-left: none;
}

.poor_eason {
	margin: 15px;
}

.poor_eason>div {
	padding-bottom: 10px;
}

.poor_eason>div>span:first-child {
	font-weight: bold;
}

.poor_eason>div>span:last-child {
	font-size: 13px;
	color: #656565;
}

.help_log_title {
	margin: 10px 20px 0px 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
}


/*DF4448*/

.help_log_list {
	margin: 20px;
	border-top: 1px solid #A9A9A9;
}

.help_log_list table {
	width: 100%;
	border: none;
}

.help_log_list tr {
	border: none;
}

.help_log_list td {
	height: 30px;
	text-align: center;
	border: 1px solid #A9A9A9;
	border-top: none;
	border-left: none;
}

.help_log_list td:first-child {
	border-left: 1px solid #A9A9A9;
}

.help_log_list_title {
	font-weight: bold;
}

#poor .help_he {
	margin: 40px auto;
	background-color: red;
	color: white;
	text-align: center;
	width: 64px;
	line-height: 26px;
	cursor: pointer;
}

#backtop {
	position: fixed;
	bottom: 13%;
	right: 7%;
	width: 50px;
	cursor: pointer;
	display: none;
}


/*l轮播图*/

img {
	border: 0;
}

* {
	padding: 0;
	margin: 0;
	list-style: none;
}

.slides {
	width: 100%;
	/* 	height: 700px; */
	position: relative;
	overflow: hidden;
}

.slideInner {
	/* 	height: 700px; */
	position: relative;
	left: 0;
	margin-left: 0;
	text-align: center;
}

.slideInner a {
	display: block;
	/* 	height: 700px; */
	background-size: cover;
	/* 	background-size:100% 100%; */
	background-position: center center;
	position: relative;
	text-align: center;
	z-index: 1;
}

.slideInner a div.img1 {
	width: 1070px;
	position: absolute;
	left: 50%;
	margin-left: -535px;
}

.slideInner a div.img2 {
	width: 1070px;
	position: absolute;
	top: 557px;
	left: 50%;
	margin-left: -535px;
}

.slideInner .slide3 .img2 {
	top: 200px;
}

.slideInner .slide3 .img3 {
	width: 181px;
	height: 286px;
	position: absolute;
	left: 50%;
	margin-left: 330px;
	top: 330px;
}

.nav {
	width: 100%;
	/* 	position: relative; */
	/* 	left: 50%; */
	/* 	margin-left: -600px; */
	display: none;
}

.nav a {
	display: block;
	width: 41px;
	height: 119px;
	opacity: .2;
	z-index: 1000;
}

.nav a.prev {
	position: absolute;
	left: 0;
	top: -350px;
	margin-top: -58px;
	background: url(../images/ban_pre.png) no-repeat;
}

.nav a.next {
	position: absolute;
	right: 0;
	top: -350px;
	margin-top: -58px;
	background: url(../images/ban_next.png) no-repeat;
}

.navListBox {
	position: absolute;
	left: 50%;
	bottom: 20px;
	z-index: 10;
}

.navListBox li {
	width: 12px;
	height: 12px;
	float: left;
	margin-left: 5px;
	border-radius: 50%;
	overflow: hidden;
}

.navListBox li:first-child {
	margin-left: 0;
}

.navListBox li a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0 0 5px #666 inset;
}

.navListBox li a.active {
	background-color: #55ddff;
}

#content #tree{
	width: 180px;
	background-color: #f5f5f5;
	margin-left: 0;
}
 #tree>div{
	 width: 180px;
}
#content #tree>ul{
	width: 180px;
}
#content #tree>ul>li{
	display: block;
	height: 64px;
	width: 150px;
	line-height:64px;
	padding-left: 30px;
	font-size: 16px;
	color: #4c4c4c;
	border-bottom: 1px solid #e5e5e5;
	cursor: pointer;
}
#content #tree>ul>li>img{
	position: relative;
	top: 3px;
}
#content #tree>ul>li>span{
	margin-left: 12px;
}
#content #tree>ul>.tempClass{
	color: #D30C1A;
}
#content #tree>ul>.selected{
	color: #D30C1A;
}
/*footer 下文字说明*/
.cr{
	color: #999999;;
	text-align: center;
	margin-left: 222px!important;
	margin-top: 15px;
}